<!DOCTYPE html>
<html>
  <head>
    <title>
    </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="./jquery.js">
    </script>
    <script src='https://www.recaptcha.net/recaptcha/api.js'>
    </script>
    <style>
	.center { margin-top:50%; width: 100%; } 
	</style>
  </head>
  <body>
    <div class="center">
      <form id="next" onsubmit="return false;">
        <div style="display: flex;justify-content: center;align-items: center;" class="g-recaptcha" data-sitekey="6LetyAweAAAAAAtMNhp0HY2Gnd3I8Uqq5bGkqOMS">
        </div>
		<p style="text-align:center;margin-top:50px">Please click to verify i am not a robot before registering.</p>
        <div style='text-align: center;'>
          <button class="validate" style="background-color: #FFC300; border: none; color: white; padding: 15px 100px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 20px 2px; cursor: pointer; border-radius:15px;">Register</button>
        </div>
      </form>
      <script type="text/javascript">
		$(".validate").click(function() {
          $.ajax({
            url: 'https://google.goldrr.com/robot/validate',
            type: 'POST',
            data: {
              "g-recaptcha-response": $("#next").serialize().split("=")[1],
              "imei": window.VerifyListener.getDeviceId(),
            },
            dataType: 'text',
            success: function(result) {
			console.log(result)
              window.VerifyListener.callback(result);
            }
          })
        })
		</script>
    </div>
  </body>
